<style>
    #create-user a img{
        background: url("http://insight.webm.vn/views/public/images/manager-create.png") no-repeat center;
    }
    #user a img{
        background: url("http://insight.webm.vn/views/public/images/manager-user-hover.png") no-repeat center;
    }
    #log a img{
        background: url("http://insight.webm.vn/views/public/images/manager-log.png") no-repeat center;
    }
    #user_users{
        color: #F67E09;
    }
    #user_com{
        color: #595856;
    }
    #user_role{
        color: #595856;
    }
    #user_password{
        color: #595856;
    }
    #user_com:hover{
        color: #F67E09;
    }
    #user_role:hover{
        color: #F67E09;
    }
    #user_password:hover{
        color: #F67E09;
    }
    #user-footer{
        width: 80%;
        height: 50px;
    }
    #user p{
        font-weight: bold;
    }
    #number_selected{
        float: left;
        width: 150px;
        vertical-align: middle;
    }
    #delete_all{
        float: left;
        width: 100px;
    }
    #edit_all_role{
        float: left;
        width: 100px;
    }
    .button_all input{
        width: 90px;
        height: 30px;
        border: 0;
        background-color: #f57e08;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 30px 30px;
        color: #fff;
        cursor: pointer;
        box-shadow: 0 0 0 #aaa;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    #page_user{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #cccccc;
    }
    #search-text{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #cccccc;
    }
    table{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #cccccc;
    }
    .table_title{
        background: #f2f2f2;
    }
    #menu-left{
        background-color: #FFFFFF;
        height: 500px;
        width: 80px;
        float: left;
        border: 1px solid #F4F4F4 ;
    }
    #menu-top{
        width: 90%;
        height: 40px;
        float: left;
        border-bottom: 1px solid #F67E09 ;
        font-family: "Times News Roman";
        font-size: 16px;
    }
    li {
        list-style: none;
    }
    #table-management{
        font-family: "Times News Roman";
    }
    #table-management td{
        font-size: 18px;
    }
    #menu-left li {
        list-style: none;
        text-align: center;
        height: 74px;
        border-bottom: 1px solid #F4F4F4;
        margin-top: 10px;
    }
    #menu-left li p{
        font-family: "Times News Roman";
        font-size: 16px;
    }
    #create-user a img:hover{
        background: url("http://insight.webm.vn/views/public/images/manager-create-hover.png") no-repeat center;
    }
    #user a img:hover{
        background: url("http://insight.webm.vn/views/public/images/manager-user-hover.png") no-repeat center;
    }
    #log a img:hover{
        background: url("http://insight.webm.vn/views/public/images/manager-log-hover.png") no-repeat center;
    }
    #menu-top ul li{
        width: 120px;
        height: 100%;
        float: left;
        text-align: center;
        margin-top: 10px;

    }
    #manager-content{
        width: 80%;
        height: 100%;
        float: left;
    }
    #user-content h1{
        font-size: 20px;
        font-weight: normal;
    }
    #table-top{
        margin-top: 15px;
    }
    /*css for create user*/
    #register{
        margin-left: 35px;
        margin-top: 15px;
    }

    #create_submit{
        position: absolute;
        width: 120px;
        height: 35px;
        border: 0;
        background-color: #f57e08;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 30px 30px;
        color: #fff;
        cursor: pointer;
        box-shadow: 0 0 0 #aaa;
        margin-top: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 10px;
    }
    form, form input, form label {
        font-family: Helvetica, Arial;
        font-size: 12pt;
    }
    form p { position: relative; margin: 10px 0;}
    form p label { position: absolute; top: 0; left: 0;}
    form p br {display: none;}
    form p input{
        display: block;
        padding: 4px;
        width: 300px;
        margin: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #cccccc;
        height: 30px;
        cursor: pointer;
    }

    form p select{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #cccccc;
        margin: 0;
        height: 35px;
    }

    form p label {
        width: 280px;
        display: block;
        margin: 5px 5px 5px 6px;
        padding: 0;
        line-height: 30px;
        color: #777;
        cursor: pointer;
    }
    form span h1{
        font-size: 20px;
        font-weight: normal;
    }
    /* the end css for create user*/
    #user-content{
        margin-left: 30px;
        margin-top: 15px;
    }
    #table-top tr, td{
        border: 1px solid #F4F4F4 ;
        height: 35px;
    }
    .user-id{
        min-width: 100px;
        text-align: center;
    }
    .user-name, .user-level{
        min-width: 250px;
        text-align: center;
    }
    .user-pass, .user-del{
        width: 150px;
        text-align: center;
    }
    .com-id, .com-name, .com-member{
        width: 150px;
        text-align: center;
    }
    .com-detail, .com-del{
        width: 100px;
        text-align: center;
    }
    .com-detail a img:hover{
        background: url("http://insight.webm.vn/views/public/images/manager-detail-hover.png");
    }
    .com-del a img:hover{
        background: url("http://insight.webm.vn/views/public/images/manager-del-hover.png");
    }
    #table-user table tr:hover{
        background-color: #F4F4F4;
    }
    #table-user tr{
        height: 35px;
    }
    .user-pass a img:hover{
        background: url("http://insight.webm.vn/views/public/images/manager-setting-hover.png");
    }
    .user-del a img:hover{
        background: url("http://insight.webm.vn/views/public/images/manager-del-hover.png");
    }
    .user-checkbox{
        width: 40px;
        text-align: center;
    }
    #search-page{
        margin-top: 15px;
        height: 35px;
    }
    #page-user{
        width: 80px;
        float: left;
    }
    #page-user select{
        margin-top: 0;
    }
    #search-user{
        width: 400px;
        float: left;
    }
    #search-user img{
        vertical-align: middle;
    }
    #search-user input{
        height: 25px;
    }
    #search-user #search-button{
        height: 30px;
        width: 85px;
        border: 0;
        background-color: #f57e08;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 30px 30px;
        color: #fff;
        cursor: pointer;
        box-shadow: 0 0 0 #aaa;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    #user-footer{
        float: left;
        margin-top: 30px;
    }
    #note-access{
        margin-left: 20px;
        margin-top: 20px;
    }
    #go_back{
        position: absolute;
        top: 50px;
        right: 35px;
        background: url("http://insight.webm.vn/views/public/images/go-back-icon.png");
        background-repeat: no-repeat;
        background-size: 32px 32px;
        width: 32px;
        height: 32px;
        cursor: pointer;
    }
	.remoteall1tab1{display:none}
	.remotealltab1{border: none;display:block}
	.remoteall1tab2{display:none}
	.remotealltab2{border: none;display:block}
	.remoteall1tab3{display:none}
	.remotealltab3{border: none;display:block}
</style>
					<script>
					  $(function() {
						var tabs = $( "#tabforms" ).tabs();
						tabs.find( ".ui-tabs-nav" ).sortable({
						  axis: "x",
						  stop: function() {
							tabs.tabs( "refresh" );
						  }
						});
					  });
					  $(function() {
						var tabs = $( "#tabconllections" ).tabs();
						tabs.find( ".ui-tabs-nav" ).sortable({
						  axis: "x",
						  stop: function() {
							tabs.tabs( "refresh" );
						  }
						});
					  });
					  </script>
<div id="wrapper">
    <div class="content">
        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">Data Collection</a></li><li><a href="#tabs-2">New Submission</a></li>
			</ul>
			<div id="tabs-1">
			<div id="report">
			<div id="loading_tree"><p id="saved"></p></div>
                    <div class="query-tree">
                        <!--query tree-->
						<div id="tree" class="tree jstree jstree-0 jstree-focused jstree-default" style="height: 90%;"><ul><li id="node_2" rel="drive" class="jstree-last jstree-open"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#" class=""><ins class="jstree-icon">&nbsp;</ins>Root</a><ul><li id="node_243" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Samsung</a></li><li id="node_272" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Trend Study</a></li><li id="node_315" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Coca-Cola</a></li><li id="node_372" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Unilever</a></li><li id="node_494" rel="folder" class="jstree-open"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#" class=""><ins class="jstree-icon">&nbsp;</ins>THP</a><ul><li id="node_495" rel="folder" class="jstree-last jstree-open"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#" class=""><ins class="jstree-icon">&nbsp;</ins>Dr Thanh</a><ul><li id="node_504" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#" class="jstree-clicked"><ins class="jstree-icon">&nbsp;</ins>Dr Thanh</a></li><li id="node_505" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Dr Thanh Lunar New Year campaign</a></li><li id="node_763" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Dr Thanh fanpage</a></li><li id="node_764" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Dr Thanh other Facebook pages</a></li><li id="node_722" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Dr Thanh crisis</a></li><li id="node_506" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>C2</a></li><li id="node_507" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>C2 campaigns</a></li><li id="node_723" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>C2 crisis</a></li><li id="node_794" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>C2 fanpage</a></li><li id="node_508" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tra Olong Tea Plus</a></li><li id="node_509" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tra Olong Tea Plus Lunar New Year campaign</a></li><li id="node_724" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tea Plus crisis</a></li><li id="node_793" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tea Plus fanpage</a></li><li id="node_510" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tra bi dao Wonderfarm</a></li><li id="node_511" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tra bi dao Wonderfarm campaigns</a></li><li id="node_512" rel="default" class="jstree-last jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Crisis Monitoring</a></li></ul></li></ul></li><li id="node_585" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Masan</a></li><li id="node_595" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>VBL</a></li><li id="node_615" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Campaign Year 2013 Review</a></li><li id="node_650" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Cosmetics</a></li><li id="node_662" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Pepsi</a></li><li id="node_682" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Kimberly Clark</a></li><li id="node_719" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Ogilvy</a></li><li id="node_751" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Others</a></li><li id="node_774" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Pepsi</a></li><li id="node_798" rel="folder" class="jstree-closed jstree-last"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Category Review</a></li></ul></li></ul></div>
                        <div id="save_query">
                            <label id="save_as_tab"><a title="Save As"><img src="./BuzzInsight_files/saveAs_icon.gif"></a></label>
                            <label id="save_tab"><a title="Save"><img src="./BuzzInsight_files/save_icon.gif" alt="Save"></a></label>
                        </div>
						<div id="mmenu" style="height:30px; overflow:auto;">    
							<a id="add_folder" href="#"></a>	
						</div>
                        <div id="tree_contextmenu" class="tree_contextmenu" hidden="hidden" style="display: none; top: 76px; left: 233px;">
                            <ul>
                                <li id="create_group" class="tree_contextmenu-hr">Create group</li>
                                <li id="create_query">Create query</li>
                                <li class="tree_item">Rename</li>
                                <li class="tree_contextmenu-hr tree_item">Delete</li>
                                <li class="tree_item">Edit</li>
                            </ul>
                        </div>
                        <!--end query tree-->
                    </div>
                    <div id="add_query_text" style="display: none">
                        <textarea class="add_query_text"></textarea>
                    </div>
                    <div class="query">
			
			
				<div id="tabcollections">
					<ul>
						<li><a href="#tabcollections-1">Link</a></li>
						<li><a href="#tabcollections-2">Page</a></li>
						<li><a href="#tabcollections-3">Keywords</a></li>
					</ul>
					<div id="tabcollections-1">
					<table style="width: 100%;">
						<tr class="table_title">
							<th style="width: 25%;">Category</th>
							<th style="width: 25%;">Project</th>
							<th style="width: 25%;">Added Date</th>
							<th style="width: 25%;">Added by</th>
						</tr>
						<tr>
							<td><div id="page-user">
								<select id="page_user" name="page_user">
								<option value="1">VietNam Idol</option>
								<option value="2">Dr Thanh</option>                        
								</select>
								</div>
							</td>
							<td><div id="page-user">
								<select id="page_user" name="page_user">
									<option value="1">Pepsi</option>
									<option value="2">Samsung</option>                        
								</select>
								</div>
							</td>
							<td><?php date_default_timezone_set('Asia/Ho_Chi_Minh');echo date('m/d/Y')."<br/>";?></td>
							<td>Thinh Nguyen</td>
						</tr>
					</table>
					</div>
					<div id="tabcollections-2">
					</div>
					<div id="tabcollections-3">
					</div>
				</div>
			</div>
			</div>
			</div>
            <div id="tabs-2">
                <form id="report" method="post" action="action.php">
                    <div id="loading_tree"><p id="saved"></p></div>
                    <div class="query-tree" style="display:none">
                        <!--query tree-->
						<div id="tree" class="tree jstree jstree-0 jstree-focused jstree-default" style="height: 90%;"><ul><li id="node_2" rel="drive" class="jstree-last jstree-open"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#" class=""><ins class="jstree-icon">&nbsp;</ins>Root</a><ul><li id="node_243" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Samsung</a></li><li id="node_272" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Trend Study</a></li><li id="node_315" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Coca-Cola</a></li><li id="node_372" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Unilever</a></li><li id="node_494" rel="folder" class="jstree-open"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#" class=""><ins class="jstree-icon">&nbsp;</ins>THP</a><ul><li id="node_495" rel="folder" class="jstree-last jstree-open"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#" class=""><ins class="jstree-icon">&nbsp;</ins>Dr Thanh</a><ul><li id="node_504" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#" class="jstree-clicked"><ins class="jstree-icon">&nbsp;</ins>Dr Thanh</a></li><li id="node_505" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Dr Thanh Lunar New Year campaign</a></li><li id="node_763" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Dr Thanh fanpage</a></li><li id="node_764" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Dr Thanh other Facebook pages</a></li><li id="node_722" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Dr Thanh crisis</a></li><li id="node_506" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>C2</a></li><li id="node_507" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>C2 campaigns</a></li><li id="node_723" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>C2 crisis</a></li><li id="node_794" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>C2 fanpage</a></li><li id="node_508" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tra Olong Tea Plus</a></li><li id="node_509" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tra Olong Tea Plus Lunar New Year campaign</a></li><li id="node_724" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tea Plus crisis</a></li><li id="node_793" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tea Plus fanpage</a></li><li id="node_510" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tra bi dao Wonderfarm</a></li><li id="node_511" rel="default" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Tra bi dao Wonderfarm campaigns</a></li><li id="node_512" rel="default" class="jstree-last jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Crisis Monitoring</a></li></ul></li></ul></li><li id="node_585" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Masan</a></li><li id="node_595" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>VBL</a></li><li id="node_615" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Campaign Year 2013 Review</a></li><li id="node_650" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Cosmetics</a></li><li id="node_662" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Pepsi</a></li><li id="node_682" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Kimberly Clark</a></li><li id="node_719" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Ogilvy</a></li><li id="node_751" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Others</a></li><li id="node_774" rel="folder" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Pepsi</a></li><li id="node_798" rel="folder" class="jstree-closed jstree-last"><ins class="jstree-icon">&nbsp;</ins><a href="http://insight.webm.vn/report#"><ins class="jstree-icon">&nbsp;</ins>Category Review</a></li></ul></li></ul></div>
                        <div id="save_query">
                            <label id="save_as_tab"><a title="Save As"><img src="./BuzzInsight_files/saveAs_icon.gif"></a></label>
                            <label id="save_tab"><a title="Save"><img src="./BuzzInsight_files/save_icon.gif" alt="Save"></a></label>
                        </div>
						<div id="mmenu" style="height:30px; overflow:auto;">    
							<a id="add_folder" href="http://insight.webm.vn/report#"></a>	
						</div>
                        <div id="tree_contextmenu" class="tree_contextmenu" hidden="hidden" style="display: none; top: 76px; left: 233px;">
                            <ul>
                                <li id="create_group" class="tree_contextmenu-hr">Create group</li>
                                <li id="create_query">Create query</li>
                                <li class="tree_item">Rename</li>
                                <li class="tree_contextmenu-hr tree_item">Delete</li>
                                <li class="tree_item">Edit</li>
                            </ul>
                        </div>
                        <!--end query tree-->
                    </div>
                    <div id="add_query_text" style="display: none">
                        <textarea class="add_query_text"></textarea>
                    </div>
                    <div class="query" style="left: 0;width:100%">

					<table style="width: 100%;">
								<tr class="table_title">
									<th style="width: 15%;">Type</th>
									<th style="width: 10%;">Category</th>
									<th style="width: 10%;">Project</th>
									<th style="width: 10%;">CGM Type</th>
									<th style="width: 10%;">Added Date</th>
									<th style="width: 10%;">Added by</th>
									<th style="width: 5%;">Status</th>
									<th style="width: 5%;">Status IT</th>
									<th style="width: 10%;">In charge</th>
									<th style="width: 15%;">Note</th>
									
								</tr>
								<tr class="table_title">
									<th style="width: 15%;">
										<select id="datatype" name="datatype">
											<option value="0"></option>								
										</select>
									</th>
									<th style="width: 10%;">
										<select id="category" name="category">
											<option value="0"></option>									
										</select>
									</th>
									<th style="width: 10%;">
										<select id="project" name="project">
											<option value="0"></option>									
										</select>
									</th>
									<th style="width: 10%;">
										<select id="cgmtype" name="cgmtype">
											<option value="0"></option>									
										</select>
									</th>
									<th style="width: 10%;"></th>
									<th style="width: 10%;">
										<select id="addedby" name="addedby">
											<option value="0"></option>									
										</select>
									</th>
									<th style="width: 5%;">
										<select id="status" name="status">
											<option value="0"></option>									
										</select>
									</th>
									<th style="width: 5%;">
										<select id="statusit" name="statusit">
											<option value="0"></option>									
										</select>
									</th>
									<th style="width: 10%;">
										<select id="incharge" name="incharge">
											<option value="0"></option>									
										</select>
									</th>
									<th style="width: 15%;"></th>
									
								</tr>
								<tr>
								<td><div id="page-user">
                                    <select id="page_user" name="page_user">
										<option value="1">VietNam Idol</option>
										<option value="2">Dr Thanh</option>                        
									</select>
								</div></td>
								<td><div id="page-user">
                                    <select id="page_user" name="page_user">
										<option value="1">Pepsi</option>
										<option value="2">Samsung</option>                        
									</select>
								</div></td>
								<td><?php date_default_timezone_set('Asia/Ho_Chi_Minh');echo date('m/d/Y')."<br/>";?></td>
								<td>Thinh Nguyen</td>
								</tr>
								</table>

						<div id="tabforms">
								
							  <ul>
								<li><a href="#tabforms-1">Link</a></li>
								<li><a href="#tabforms-2">Page</a></li>
								<li><a href="#tabforms-3">Keywords</a></li>
							  </ul>
							  <div id="tabforms-1" style="height: 160px;overflow-y: scroll;">
								<table style="width: 100%;">
								<tr class="table_title">
									<th style="width: 30%;">Link</th>
									<th style="width: 30%;">CGM Type</th>
									<th style="width: 30%;">Note</th>
									<th style="width: 10%;" class="remoteall1tab1"><button type="button" onclick="removeTrstab1()" >x</button></th>
									</tr>
									<tbody id="contentstab1" class= "tbody_of_itemstab1">
									
									</tbody>
								</table>
								<button type="button" id="addtab1">+</button>
								</div>
							  <div id="tabforms-2" style="height: 160px;overflow-y: scroll;">
								<table style="width: 100%;">
								<tr class="table_title">
									<th style="width: 30%;">Link</th>
									<th style="width: 30%;">CGM Type</th>
									<th style="width: 30%;">Note</th>
									<th style="width: 10%;" class="remoteall1tab2"><button type="button" onclick="removeTrstab2()" >x</button></th>
									</tr>
									<tbody id="contentstab2" class= "tbody_of_itemstab2">
									
									</tbody>
								</table>
								<button type="button" id="addtab2">+</button>
								</div>
							  <div id="tabforms-3" style="height: 160px;overflow-y: scroll;">
								<table style="width: 100%;">
								<tr class="table_title">
									<th style="width: 30%;">Keywords</th>
									<th style="width: 30%;">CGM Type</th>
									<th style="width: 30%;">Note</th>
									<th style="width: 10%;" class="remoteall1tab3"><button type="button" onclick="removeTrstab3()" >x</button></th>
									</tr>
									<tbody id="contentstab3" class= "tbody_of_itemstab3">
									
									</tbody>
								</table>
								<button type="button" id="addtab3">+</button>
								</div>
							</div>
							<!--
                        <ul>
                            <li>
                                
								<table>
								<tr class="table_title">
									<th>Link</th>
									<th>CGM Type</th>
									<th>Note</th>
									<th class="remoteall1"><button type="button" onclick="removeTrs()" >x</button></th>
									</tr>
									<tbody id="contents" class= "tbody_of_items">
									
									</tbody>
								</table>
								<button type="button" id="add">+</button>
								<button type="submit">Submit</button>
								
                            </li>
                            
                        </ul>-->

                    </div>
					<button class="submit" type="submit" style="position: absolute;bottom: 3px;right: 40px;">Submit</button>
					</form>
					<script>
						function removeTrstab1() {
							$(".tbody_of_itemstab1 tr").remove();
							$('.remotealltab1').addClass('remoteall1tab1');
							$('.remotealltab1').removeClass('remotealltab1');
						}
						function removeRowtab1(obj){
							obj = $(obj);
							obj.parent().parent().remove();
						}
						$('#addtab1').click(function(){
							var html = '<tr><td><input type="text" name="user[]" /></td><td><input type="text" name="age[]" /></td><td><input type="text" name="stt[]" /></td><td><button type="button" onclick="removeRowtab1(this)">x</button></td></tr>';
							//var remoteall ='<button type="button" id="rmall">x</button>';
							$('#contentstab1').append(html);
							//$('.remoteall1').append(remoteall);
							$('.remoteall1tab1').addClass('remotealltab1');
							$('.remoteall1tab1').removeClass('remoteall1tab1');
						});
						function removeTrstab2() {
							$(".tbody_of_itemstab2 tr").remove();
							$('.remotealltab2').addClass('remoteall1tab2');
							$('.remotealltab2').removeClass('remotealltab2');
						}
						function removeRowtab2(obj){
							obj = $(obj);
							obj.parent().parent().remove();
						}
						$('#addtab2').click(function(){
							var html = '<tr><td><input type="text" name="user[]" /></td><td><input type="text" name="age[]" /></td><td><input type="text" name="stt[]" /></td><td><button type="button" onclick="removeRowtab2(this)">x</button></td></tr>';
							//var remoteall ='<button type="button" id="rmall">x</button>';
							$('#contentstab2').append(html);
							//$('.remoteall1').append(remoteall);
							$('.remoteall1tab2').addClass('remotealltab2');
							$('.remoteall1tab2').removeClass('remoteall1tab2');
						});
						function removeTrstab3() {
							$(".tbody_of_itemstab3 tr").remove();
							$('.remotealltab3').addClass('remoteall1tab3');
							$('.remotealltab3').removeClass('remotealltab3');
						}
						function removeRowtab3(obj){
							obj = $(obj);
							obj.parent().parent().remove();
						}
						$('#addtab3').click(function(){
							var html = '<tr><td><input type="text" name="user[]" /></td><td><input type="text" name="age[]" /></td><td><input type="text" name="stt[]" /></td><td><button type="button" onclick="removeRowtab3(this)">x</button></td></tr>';
							//var remoteall ='<button type="button" id="rmall">x</button>';
							$('#contentstab3').append(html);
							//$('.remoteall1').append(remoteall);
							$('.remoteall1tab3').addClass('remotealltab3');
							$('.remoteall1tab3').removeClass('remoteall1tab3');
						});
					</script>
                
                <!--<button id="create" class="submit">Submit</button>-->
                <div class="clear"></div>
            </div>
        </div>
		</div>
    </div>
</div>
